import React, { Component } from 'react';
import { NavLink } from 'react-router-dom';
import './base.scss';
class Com extends Component {
  constructor (props) {
    super(props)
    this.state = {}
  }
  render () {
    return (
      <nav className = "headerBox" style = {
        this.props.style
      }>
        <ul>
          {
            this.props.list.map((item, index) => {
              return (
                <li  key = { index } >
                  <NavLink  to={ item.path } > { item.name }</NavLink>
                </li>
              )
            })
          }
        </ul>
      </nav>
    )
  }
}

export default Com;